<template>
    <el-row>
        <el-col :span="24">
            <el-menu
                    default-active="/home/jishufangxiang"
                    class="el-menu-vertical-demo"
                    background-color="#545c64"
                    text-color="#fff"
                    aria-expanded="false"
                    router
                    active-text-color="#ffd04b">
                <el-submenu index="1">
                    <template slot="title">
                        <i class="el-icon-location"></i>
                        <span>基础数据</span>
                    </template>
                    <el-menu-item index="/home/jishufangxiang">技术方向</el-menu-item>
                    <el-menu-item index="/home/chengshiguanli">城市管理</el-menu-item>
                    <el-menu-item index="1-3">部门管理</el-menu-item>
                    <el-menu-item index="1-4">公司职位</el-menu-item>
                    <el-menu-item index="1-5">账户管理</el-menu-item>
                    <el-menu-item index="1-6">公司信息</el-menu-item>
                    <el-menu-item index="1-7">用户管理</el-menu-item>
                </el-submenu>
                <el-submenu index="2">
                    <template slot="title">
                        <i class="el-icon-location"></i>
                        <span>面试题库</span>
                    </template>
                    <el-menu-item index="1-1">笔试题库</el-menu-item>
                    <el-menu-item index="1-2">口试题库</el-menu-item>
                </el-submenu>
                <el-submenu index="3">
                    <template slot="title">
                        <i class="el-icon-location"></i>
                        <span>面试管理</span>
                    </template>
                    <el-menu-item index="/home/koushiguanli">笔试管理</el-menu-item>
                    <el-menu-item index="/home/koushiguanli">口试管理</el-menu-item>
                    <el-menu-item index="1-2">面试经历</el-menu-item>
                </el-submenu>
                <el-submenu index="4">
                    <template slot="title">
                        <i class="el-icon-location"></i>
                        <span>日志管理</span>
                    </template>
                    <el-menu-item index="1-1">系统日志</el-menu-item>
                    <el-menu-item index="1-2">用户日志</el-menu-item>
                </el-submenu>
                <el-menu-item index="5">
                    <i class="el-icon-setting"></i>
                    <span slot="title">拓展功能</span>
                </el-menu-item>
            </el-menu>
        </el-col>
    </el-row>

</template>

<script>
    export default {
        name: "LeftNav"
    }
</script>

<style scoped>
    .el-menu{
        width: 100%;
        border: none;
    }
   .el-row{
       height: 100%;
       width: 100%;
       overflow-y: scroll;
       overflow-x: hidden;
   }
    ::-webkit-scrollbar { width: 0 !important }
    .el-row { -ms-overflow-style: none; }
    .el-row { overflow: -moz-scrollbars-none; }
</style>